<div class="Fimg">
    <div class="CopyPrompt" id="CopyPrompt" >
        拷贝成功！！
    </div>
    <div class="head">
        <div class="btn_head">
            <div class="fanhui"  (click)="lppServ.returnToPreviousPage()"><span class="iconfont icon-fanhui"></span>&ensp;返回</div>
        </div>
        <div class="logo_tital">LOGO | 创作词库</div>
        <div class="user_img"><span class="iconfont icon-touxiang user_touxiang"></span></div>
    </div>
    <div class="cont">
        <div class="cont_left">
            <div class="nav">
                <div class="keyword">
                    <ul>
                        <li class="active__" (click)="tatal_number(1)" [ngClass]="{ 'active': number === 1 }"><div>图像优化</div></li>
                        <li class="active__" (click)="tatal_number(2)" [ngClass]="{ 'active': number === 2 }"><div>人物</div></li>
                        <li class="active__" (click)="tatal_number(3)" [ngClass]="{ 'active': number === 3 }"><div>背景色调</div></li>
                        <li class="active__" (click)="tatal_number(4)" [ngClass]="{ 'active': number === 4 }"><div>镜头焦段</div></li>
                        <li class="active__" (click)="tatal_number(5)" [ngClass]="{ 'active': number === 5 }"><div>光照</div></li>
                        <li class="active__" (click)="tatal_number(6)" [ngClass]="{ 'active': number === 6 }"><div>艺术风格</div></li>
                        <li class="active__" (click)="tatal_number(7)" [ngClass]="{ 'active': number === 7 }"><div>质感</div></li>
                        <li class="active__" (click)="tatal_number(8)" [ngClass]="{ 'active': number === 8 }"><div>负向词</div></li>
                    </ul>
                </div>
                <div class="Inquire">
                    <span class="iconfont icon-sousuo sousuo"></span>
                    <input type="text">
                </div>
            </div>
            <div class="nav_1" >
                <div class="nav_1_choices"*ngFor="let item of tatal,let i = index" (click)="findlist(i+1)" [ngClass]="{ 'active': N1 === i+1 }">{{item}}</div>
            </div>
            <div class="nav_2" >
                <div class="nav_2_choices" *ngFor="let item of selectedWords , let i = index" (click)="AddWord(item,i)" id="nav_2_choices_{{i}}" [ngClass]="{'aaa': MyWord.includes(item)}">
                    <div class="choice_T" ngClass="">
                        {{item.name}}
                    </div>
                    <div class="choice_M">
                        {{item.explain}}
                    </div>
                </div>
            </div>
        </div>
        <div class="cont_right">
            <div class="cont_right_1">
                <div class="cont_right_1_1">
                    <div class="mywords" *ngFor="let item of MyWord,let i =index" >
                        <div class="word_cn" >{{item.name}}</div>
                        <div class="word_sh">{{item.explain}}</div>
                        <span class="iconfont icon-guanbixiao guanbi" (click)="delWord(i)"></span>
                    </div>
                </div>
            </div>

            <div class="cont_right_2">
                <!-- <textarea rows="15" cols="800">{{joined_String}}</textarea> -->
                <p>{{joined_String}}</p>
                <span class="iconfont icon-shanchu shuaxin" (click)="delallWord()"></span>
            </div>
            <div class="cont_right_3">
                <div class="right_3_L" id="WordsCopy" (click)="copyText(joined_String)" > 拷贝</div>
                <div class="right_3_R"> 应用描述词</div>
            </div>
        </div>
    </div>    
</div>


